<template>
  <div>
    <h1>App 根组件</h1>
    <h2>用户名:{{userName}}</h2>
    <hr>
    <p>count值：{{count}}</p>
    <button @click="add">+1</button>

    <my-article title="三国演义" author="罗贯中"></my-article>
  </div>
</template>
<script>
import MyArticle from './components/Article.vue';
export default {
  name: 'MyApp',
  data() {
    return {
      userName: 'zs',
      count: 0
    };
  },
  methods: {
    add() {
      this.count += 1;
    }
  },
  components: {
    MyArticle
  },
  setup() {}
};
</script>
<style scoped>
</style>